form {
    width: 250px;
    padding: 20px;
    border: 1px solid #270644;
    
    /*** Adding in CSS3 ***/
 
    /*** Rounded Corners ***/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
 
    /*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
    background:  -moz-linear-gradient(19% 75% 90deg,#281AEF, #00A3EF);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00A3EF), to(#281AEF));
 
    /*** Shadow behind the box ***/
    -moz-box-shadow:0px -5px 300px #270644;
    -webkit-box-shadow:0px -5px 300px #270644;
}
input {
    width: 230px;
    background: #8a33c6;
    padding: 6px;
    margin-bottom: 10px;
    border-top: 1px solid #ad64e0;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    
    /*** Adding CSS3 ***/
 
    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;
 
    /*** Adding a small shadow ***/
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
}

input:hover {
    -webkit-box-shadow: 0px 0px 4px #000;
    background: #FFFFFF;
}

input.submit {
    width: 100px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: #000 1px 1px;
    border-top: 1px solid #ad64e0;
    margin-top: 10px;
    
    
    /*** Adding CSS3 Gradients ***/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
    background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
    
    
}
label{
    color: #fff;
    text-transform: uppercase;
    text-shadow: #000 1px 1px;
    /*border-top: 1px solid #ad64e0;*/
    margin-top: 10px;
}

label.titulo {
  color: #000000;
}

input.activo {
  cursor: pointer; 
}

.center {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -150px;
   margin-top: -150px;
}
#midiv {
   width: 300px;
   height: 300px;
}
body{
    /* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #30EF69 0%, #1A4CEF 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #30EF69 0%, #1A4CEF 100%);
}

/*BACKGROUND PARA LAS CAJAS*/
#box_usuario{
    background-image:url(../img/icono_usuarios.png);
    background-repeat:no-repeat; padding-left: 20px;
}

#box_usuario:focus{
    background-color:#D1E0D3; border:1px solid #000;
}

#box_password{
    background-image:url(../img/icono_password.png);
    background-repeat:no-repeat; padding-left: 20px;
}

#box_password:focus{
    background-color:#D1E0D3; border:1px solid #000;
}